草庐IT

JavaScript setTimeout 无法访问函数变量

全部标签

javascript - ReactJS:e.preventDefault() 不是函数

我正在制作一个简单的待办事项应用程序,我在其中加入了编辑和删除待办事项的逻辑。我正在尝试从子组件更新父状态,但是当我尝试单击删除时,它向我抛出一个错误e.preventDefault()isnotafunction并且它正在删除这里的所有待办事项是组件:家长exportdefaultclassAppextendsReact.Component{constructor(props){super(props);this.state={listArr:[],}}deleteTodos(i){varlists=this.state.listArr;lists.splice(i,1);this.

javascript - mobx 的 `action.bound` 和箭头函数在类函数上的区别?

在带有babel的类上使用箭头函数对其进行转换,因此定义绑定(bind)在构造函数中。因此它不在原型(prototype)中,并且在继承时无法通过super获得。通过创建许多实例进行扩展时,它的效率也不高。关于这个主题的博客文章很多,但我只是想知道在使用babel时与箭头函数相比,mobx.action.bound的处理方式有何不同。两者比较:classExample{test=()=>{console.log(this.message)}}classExample{@action.boundtest(){console.log(this.message)}}

javascript - 无法缩小 Vue.js 应用程序

我有一个带有以下代码摘录的Vue.js应用程序:(function(){initApp();})();functioninitApp(){window.myApp=newVue({el:'#wrapper',data(){ return{ somedata:[]}}});}当我尝试缩小它时,它失败并显示错误Error:Unexpectedtoken:punc(()但应用程序运行成功。我不确定为什么? 最佳答案 那些压缩器只支持旧版本的JavaScript。他们最多支持ES5。要使您的代码工作,请转换它:(function(){i

javascript - JavaScript 对象中不同函数声明之间的区别(如果有的话)是什么?

我有一个JavaScript对象:varmethods={classStyle(){console.log('Classstylefunction');},traditionalStyle:function(){console.log('Traditionalstylefunction');},arrowStyle:()=>{console.log('Arrowstylefunction');}};methods.classStyle();methods.traditionalStyle();methods.arrowStyle();输出符合预期:(index):70Classstyl

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - 在向用户显示输出的同时准确测量 Javascript 函数的性能

正如您在下面的代码中看到的,当我增加字符串的大小时,它会导致0毫秒的差异。此外,随着字符串数量的增加,会出现不一致的情况。我是不是做错了什么?letstringIn=document.getElementById('str');letbutton=document.querySelector('button');button.addEventListener('click',()=>{lett1=performance.now();functionToTest(stringIn.value);lett2=performance.now();console.log(`timetakeni

Javascript 函数 throttle

我想使用JSThrottle。但我正在努力让它正常工作。我尝试了这篇文章中的代码:https://codeburst.io/throttling-and-debouncing-in-javascript-b01cad5c8edf但是Throttle没有按预期工作,因为每次我点击按钮时,一个“|”被添加到div。没有点击被丢弃。错在哪里?functionfoo(){ $("#respond").append("|");}constthrottle=(func,limit)=>{letinThrottlereturnfunction(){constargs=argumentsconstco

javascript - 编写一个函数对对象数组进行排序(通过使用另一个对象来指定排序路径和顺序)

我将编写一个函数来对具有某种结构的任何JSON进行排序(只要知道它是一个对象数组,例如产品列表),方法是使用另一个对象作为其参数以确定根据哪个对象执行排序键。//ThejsonthatIgetmightlookslikesomethinglikethis.//Ijustwriteoneitemofthearray,butallofthemarethesame.//Buttheblueprintoftheitemsineachjsonaredifferent.constdataArray=[{id:100,name:'product_1',price:99.95,color:['#fff

javascript - yarn 无法使用 node 12.1.0 构建 node-sass

我正在尝试使用yarninstall安装我的包我安装了node12.1.0,据我所知,node-sass需要至少版本4.12+才能工作Node12我的package.json文件是这样的:{"name":"redacted","private":true,"dependencies":{"@rails/webpacker":"3.5","babel-preset-react":"^6.24.1","bootstrap":"^4.1.2","font-awesome":"^4.7.0","js-md5":"^0.7.3","moment":"^2.22.2","prop-types":"

javascript - 了解 Javascript 如何全局解析变量

如果我在网页上打开一个javascript控制台并添加一个变量:varabc="Hello";Javascript将该属性附加到window对象,因此我可以通过window.abc或直接访问该对象abcconsole.log(window.abc)console.log(abc)现在,如果我尝试通过window对象访问尚未定义的内容console.log(window.notdefinedyet)>undefined它只是返回undefined。所以如果我这样做console.log(notdefinedyet)为什么这是一个错误,而不仅仅是undefined?